<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="-1">
    <title>集结号</title>
    <link rel="stylesheet" href="css/m.css"/>
    <link rel="stylesheet" href="css/zss1.css"/>
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $(".tabScCon ul li:odd").css({"background":"#e8e8e8"});
            $(".tabHoCon ul li:odd").css({"background":"#e8e8e8"});
            $(".tabSc").click(function(){
                $(this).addClass('tabOn').siblings().removeClass("tabOn");
                $(".tabHoCon").hide();
                $(".tabScCon").show();
               
            });
            $(".tabHo").click(function(){
                $(this).addClass('tabOn').siblings().removeClass("tabOn");
                $(".tabScCon").hide();
                $(".tabHoCon").show();
               
            });
        });
        
    </script>
</head>
<body class="attractions_detail">
    <header class="jjhTop">
        <div class="tabHeader">
            <div class="fl tabSc tabOn">景点</div>
            <div class="fl tabHo">酒店</div>
        </div>
    </header>
    <section>
        <div class="tabScCon">
            <ul>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">天涯海角天涯海角天涯海角天涯海角</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJr"><span>已加入</span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">南山寺</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJrw"><span>+ 加入</span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">亚龙湾潜水</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJrw"><span>+ 加入</span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">蜈支洲岛</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJrw"><span>+ 加入</span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">南山寺</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJrw"><span>+ 加入</span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">亚龙湾潜水</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJrw"><span>+ 加入</span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">蜈支洲岛</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJrw"><span>+ 加入</span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">亚龙湾潜水</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJrw"><span>+ 加入</span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">蜈支洲岛</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJrw"><span>+ 加入</span></a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="tabHoCon">
            <ul>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">天涯海角天涯海角天涯海角天涯海角</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJr"><span>已加入</span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">南山寺</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJrw"><span>+ 加入</span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">亚龙湾潜水</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJrw"><span>+ 加入</span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">蜈支洲岛</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJrw"><span>+ 加入</span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">南山寺</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJrw"><span>+ 加入</span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">亚龙湾潜水</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJrw"><span>+ 加入</span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="tabScM">
                        <div class="fl tabScL ofh">蜈支洲岛</div>
                        <div class="fr tabScR">
                            <span class="fl"><i>698</i>人集结</span>
                            <a class="fr tabScLJrw"><span>+ 加入</span></a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </section>   
    <footer>
        <div class="jjhFt">
            <ul>
                <li class="fl">
                    <a href="#" class="jjhFtLi">
                        <img src="images/ftIndexIcon.png">
                        <h1>首页</h1>
                    </a>
                </li>
                <li class="fl">
                    <a href="#" class="jjhFtLi">
                        <img src="images/ftSearchIcon.png">
                        <h1>搜索</h1>
                    </a>
                </li>
                <li class="fl">
                    <a href="#" class="jjhFtLi">
                        <img src="images/ftMadeIcon.png">
                        <h1>定制</h1>
                    </a>
                </li>
                <li class="fl ftJjhOn">
                    <a href="#" class="jjhFtLi">
                        <img src="images/ftAsseIcon.png">
                        <h1>集结号</h1>
                    </a>
                </li>
                <li class="fl">
                    <a href="#" class="jjhFtLi">
                        <img src="images/ftMyIcon.png">
                        <h1>我的</h1>
                    </a>
                </li>
            </ul>
        </div>
    </footer>              
</body>
</html>